<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/function.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <a class="logo" href="javascript:;"><img src="./images/header_logo.png" alt=""></a>
        <a class="download" href="javascript:;"><img src="./images/header_app.png" alt=""></a>
    </header>

    <!-- 搜索 -->
    <div class="search">
        <input type="text" placeholder="请输入你想比价的商品">
        <button>搜索</button>
    </div>
    <!-- 首页 -->
    <div class="function_home">
        <a href="javascript:;">首页&nbsp></a>
        <a href="javascript:;">全部分类&nbsp></a>
    </div>
    <!-- function_main部分开始 -->
    <div class="function_main">
    </div>
    <!-- function_move -->
    <div class="function_move">
        <div class="move">

        </div>
    </div>
</body>
<script type="text/template" id="function_template">
    {{each arr as value key}}
    <a href="javascript:;" data="{{value.categoryId}}" name="{{value.brandId}}" id="{{value.brandTitleId}}">
        <i>{{key+1}}</i> {{value.brandName}}
        <i class="fa fa-chevron-right tubiao"></i>
        <p>{{value.brandInfo}}</p>
    </a> {{/each}}
</script>

</html>
<script src="./lib/zepto/zepto.js"></script>
<script src="./lib/arttemplate/template-web.js"></script>
<script src="./js/function.js"></script>